<template>
  <div class="footer">
    <div class="footer-logo">
      <img src="/img/logo-footer.png">
      <P>小米商城</P>
    </div>
    <div class="footer-link">
      <a href="https://www.imooc.com/u/1343480" target="_blank">河畔一角主页</a><span>|</span>
      <a href="https://coding.imooc.com/class/113.html" target="_blank">Vue全栈课程</a><span>|</span>
      <a href="https://coding.imooc.com/class/236.html" target="_blank">React全家桶课程</a><span>|</span>
      <a href="https://coding.imooc.com/class/343.html" target="_blank">微信支付专项课程(H5+小程序+Node+Mongo)</a><span>|</span>
    </div>
    <div class="copyright">Copyright @2019<span class="domain"> mi.futurefe.com </span> All Rights Reserved</div>
  </div>
</template>

<script>
export default {
    name:'nav-footer',
}
</script>

<style lang="scss" scoped>
@import '@/assets/scss/config.scss';
.footer{
  height:234px;
  border-top:4px solid $colorA;
  background: $colorB;
  color:$colorD;
  font-size:16px;
  text-align: center;
  .footer-logo{
    margin-top:46px;
    margin-bottom:31px;
    img{
      width:53px;
      height:36px;
      margin-bottom:13px;
    }
  }
  .footer-link{
    a{
      color:$colorD;
      display:inline-block;
    }
    span{
      margin:0 10px;
    }
    margin-bottom:13px;
  }
  .copyright{
    .domain{
      color:$colorA;
    }
  }
}
</style>